$width:1190px;
$dirt:top;
$dirl:left;
$dirb:bottom;
$dirr:right;
$fontsize:14px 16px 18px;
*:focus{
    outline: none;
}
#boss{
    width:100%;
    height:100%;
}
.logo1{
    width:100%;
    height:126px;
    background:#fff0ed;    
}
.logo{
    width:$width;
    height:126px;
    margin:0 auto;
}
.logo_top{
    width:1180px;
    padding-#{$dirl}:10px;
    height:30px;
    line-height: 30px;
}
.top_left{
   li{
       float:$dirl;
       margin-#{$dirr}: 24px;
   }  
}
.ltleft{
   li{
      a{
          &:hover{
              color:red;
          }
      }
   }  
}
.ltright{
    float:$dirr;
}
.ltright{
    li{
        float:$dirl;
    }
}




.top_right{
    width: auto;
    float: $dirr;
    height: 30px;
}
.top_right_ul{
    li{
        float: $dirl;
    }
} 
.top_right_first{
    width: 104px;
    height: 30px;
    margin-#{$dirr}: 14px;
    border: 1px solid #fff0ed;
    position: relative; 
    z-index: 10;    
}
.top_right_div1{
    position: absolute;
    left:-1px;
    top:30px;
    width: 242px;
    height: 55px;
    border: 1px solid #feb8ae;
    text-align: center;
    line-height: 55px;
    display: none;
    background: #fff;
}
.top_right_first{
    &:hover{
        background: #fff;
        border: 1px solid #feb8ae;
        border-#{$dirb}: none;
    }
}
.top_right_car{
    width: 104px;
    height: 30px;
    position: relative;
}
.top_right_span3{
    display: block;
    position: absolute;
    left: 1px;
    top:30px;
    width: 104px;
    height: 2px;
    background: #fff;
    z-index: 5;
    display: none;
}

.top_right_car img{
    float: $dirl;
    margin-#{$dirt}: 2px;    
}
.top_right_car{
    a{
        float: $dirl;
        height: 30px;
        line-height: 30px;
        color: #686767;
        margin-#{$dirl}: 5px;
    } 
}
.top_right_car{
    .span4{
        float: $dirl;
        width: 14px;
        height: 29px;    
        background: url(../img/2.png) no-repeat 0 center;
        display:inline-block;  
    } 
}
.top_right_car{
    .span5{
        display: none;
        width: 104px;
        height: 2px;
        left: 0px;
        top:30px;
        position: absolute;
        background: #fff;
        z-index: 100;   
    }
} 
.top_right_span1{
    float: $dirl;
    margin-#{$dirl}: 5px;
    line-height: 30px;
    font-size:nth($fontsize,1);
    font-weight: bold;
    color: red;
}
.top_right_span2{
    background:url(../img/2.png) no-repeat 0 center;
    float: left;
    width: 14px;
    height: 30px;
    margin-#{$dirl}:5px
}

.top_right_second{
    a{
        line-height: 30px;
        height: 30px;
        color: #686767;
        margin-right: 15px;
        display: inline-block;
        width: 50px;
    }
} 
.top_right_second{
    a{
      &:hover{
        color:#feb8ae
        }
    }
} 
.top_right_third{
    width: 80px;
    height: 30px;
    position: relative;
    margin-#{$dirl}: 15px;
    border: 1px solid #fff0ed;
    border-#{$dirb}: none;
}
.top_right_third:hover{
    border: 1px solid #f8a89c;
    border-#{$dirb}: none;
    background: #fff;
}
.top_right_box{
    width: 80px;
    text-align: center;
    line-height: 30px;
    margin-#{$dirr}: 15px;
    
}
.top_right_third a{
    width: 60px;
    float: $dirl;
    display: inline-block;
    text-align: center;
    height: 29px;
    line-height: 29px;
    color: #686767;
}
.top_right_third{
    span{
        float: $dirl;
        width: nth($fontsize,1);
        height: 29px;    
        background: url(../img/2.png) no-repeat 0 center;
        display:inline-block;   
    }
} 
.top_right_ol{
    position: absolute;
    #{$dirl}: 0px;
    #{$dirt}:30px;
    width: 76px;
    height: 75px;
    border: 1px solid #f8a89c;
    border-#{$dirt}: none;
    #{$dirl}:-1px;
    z-index: 10;
    background: #fff;
    display: none;
    padding-#{$dirl}:4px;
}
.top_right_ol{
   li{
        width: 80px;
        height: 25px;
    } 
} 
.top_right_ol{
    li{
        a{
            display:block;   
            height: 25px;
            line-height: 25px;
        }
    } 
} 
.top_right_third{
    a{
     &:hover{
        color:#ff8a81;
        }   
    }
} 

.top_right_four{
    a{
        display: inline-block;
        width: 80px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #686767;
    }
} 
.top_right_four{
   a{
       &:hover{
            color: #ff8a81;
       }
   }
}

.top_right_last{
    width: 58px;
    height: 30px;
    border: 1px solid #fff0ed;
    border-#{$dirb}:none;
    position: relative;
}
.top_right_last{
    &:hover{
        background: #fff;
        border: 1px solid #feb8a1;
        border-#{$dirb}: none;
    }
}
.top_right_last{
    a{
        display:block;
        width: 58px;
        height: 30px;
        text-align: center;
        line-height: 29px;
        color: #686767;
    }
} 
.top_right_last{
    span{
        display: block;
        width: 58px;
        height: 2px;
        #{$dirl}: 0px;
        #{$dirt}:30px;
        position: absolute;
        display: none;
        background: #fff;
        z-index: 100;   
    }
} 
.top_right_box2{
    width: 234px;
    height: 156px;
    background: #fff;
    position: absolute;
    #{$dirl}:-177px;
    #{$dirt}:30px;
    border: 1px solid #feb8ae;
    display: none;
    z-index: 10;
}



.headWrap{
    width: 1190px;
    height: 96px;
    margin: 0 auto;   
}
.head_login{
    float: $dirl;
    margin: 16px 45px 0 36px;
}
.head_login1{
    float: $dirl;
    margin-#{$dirt}:30px;
}

.search{
    float: $dirr;
    width: 273px;
    height: 32px;
    margin-#{$dirt}:25px;
    margin-#{$dirr}: 26px;
}
.input1{
    display: block;
    width:213px;
    height: 31px;
    background:#fff;
    float: $dirl;
    padding-#{$dirl}: 3px;.
    color: #999999;
    border: 1px solid #feb8ae;
}
.input2{
    width: 53px;
    float: $dirl;
    height: 33px;
    display: block;
    border: 1px solid #feb9ae;
    background: #feb8ae;
    color: #fff;
}
.input2{
    &:hover{
        opacity: 0.6;
    }
}

.head_right{
    width: 132px;
    height: 32px;
    float: $dirr;
    margin-#{$dirt}: 25px;
    background:url(../img/6.jpg)no-repeat;
}
.head_right{
    &:hover{
          background:url(../img/6.jpg) -132px 0 no-repeat;
    }
}
.head_right{
   a{
         color: #fff;
        font-size: 14px;
    } 
} 
//This is the logo



#foot{
    width: 100%;
    height: 531px;
    background: #fdf2ec;
}
.foot{
    width: 1190px;
    height: 531px;
    margin: 0 auto;
    
}
.foot .div1{
    width: 1190px;
    height: 65px;
    display: flex;
    border-bottom: 1px solid white;
    justify-content:space-between;
}
.foot .div1 dl{
    flex: 1;
    width: 196px;
    height: 65px;
    display: flex;
    flex-direction: row;    
    align-items: center;
}
.foot .div1 dd{
    color: #333;
    font-size: 12px;
    font-family: Arial, "宋体";
    padding-left: 14px;
    font-weight: bold;
    letter-spacing:3px;
} 

.foot .div2{
    width: 1190px;
    height:182px;
}
.foot .div2 .one{
    width:186px;
    height:183px;
    float: left;
}
.foot .div2 .one img{
    padding: 40px 0 0 20px;
}
.foot .div2 .two{
    width: 730px;
    height: 183px;
    float: left;
}
.foot .div2 .two dl{
    float: left;
    width: 120px;
    padding: 20px 5px 0 15px;
}
.foot .div2 .two dt{
    padding-top: 20px;
    padding-bottom: 10px;
    color: black;
}
.foot .div2 .two dd{
    line-height: 20px;
    color: #999;
    cursor: pointer;
}
.foot .div2 .two dd:hover{
    color:red
}
.foot .div2 .three{
    float: right;
    padding-top: 40px;
}
.foot .div3{
    width: 1190px;
    height: 61px;
}
.foot .div3 .kuang{
    width: 488px;
    height: 60px;
    margin: 0 auto;

}
.foot .div3 .kuang2{
    width:488px;
    height: 60px;
    text-align: center;
    background:url(../img/foot.jpg) 0 0 no-repeat;
}
.foot .div3 .kuang2:hover{
    width:488px;
    height: 60px;
    text-align: center;
    background:url(../img/foot.jpg) -488px 0 no-repeat;
}

.foot .div4{
    width: 1190px;
    height: 60px;
    clear: both;
    text-align: center;
    color: #ccc;
}
.foot .div4 a,.foot .div4 i{
    color: #999;
    padding: 10px 0 10px;
    line-height: 33px;
    font-size: 12px;
    font-family: Arial, "宋体";
    font-style: normal;
}
.foot .div4 h3{
    padding-top: 5px;   
    color:#999;
    font-size: 12px;
    font-family: Arial, "宋体";
    font-weight: normal;
}
.foot .div5{
    width: 560px;
    height: 35px;   
    margin: 20px auto;
}
.foot .div5 img{
    width: 112px;
    height: 35px;
    display: block;
    float: left;
}

#picp{
    display: inline-block;
    position: relative;
    text-decoration: none;

}
#picp_span{
    font-size: 8px;
    color: #001b75;
    padding: 0;
    margin: 0;
    text-decoration: none;
    top: 20px;
    left: 46px;
    position: absolute;
    cursor: pointer;
    display: block;
}

//This is the foot


.zuo{
    position:absolute;
    left:-108px;
    top:-93px;
    display: none;
}
.xiaa{
    display: block;
    position: relative;
}
.you{
    width: 55px;
    height: 146px;
    position: fixed;
    right:0;
    top:50%;
    margin-top:-73px;
    z-index: 66;
}
.you>img{
    display: block;
}
.Totop{
    width: 40px;
    height: 40px;   
    background: url(../img/goback.jpg) no-repeat;
    position: fixed;
    bottom: 0;
    right: 0;
    margin-bottom: 10px;
    margin-right: 10px; 
    display: none;
}
.Totop:hover{
    background: url(../img/goback.jpg) -40px 0 no-repeat;
}

